<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
<title>功能管理</title>
<script src="page/js/setting/function/function.js?v=1"></script>
<jsp:include page="/page/common/confirmAndAlert.jsp" />
</head>
<body>
	<div class="am-form am-form-inline default-height">
		<div class="am-g am-padding-top">
			<div class="am-u-sm-12 am-padding-right-xl">
				<div class="am-btn-toolbar  am-fr">
					<div class="am-btn-group am-btn-group-xs">
						<button type="button" id="btn_excel" onclick="showModal()"
							class="am-btn am-btn-default">
							<span class="am-icon-plus"></span> 新增
						</button>
					</div>
				</div>
			</div>
		</div>
		<div class="am-g am-padding-left-sm am-padding-right-xl">
			<table id="am_tab" class="am-table am-table-hover table-main am-table-bd am-table-striped admin-content-table">
				<thead>
					<tr>
						<th>功能名称</th>
						<th>上级功能名称</th>
						<th>K值</th>
						<th>页面路径</th>
						<th>操作</th>
					</tr>
				</thead>
			</table>
		</div>
	</div>
</body>

<!-- Modal 添加和修改-->
<div class="am-modal am-modal-no-btn" tabindex="-1" id="am_modal">
	<div class="am-modal-dialog">
		<form id="am_form" class="am-form am-form-horizontal"
			data-am-validator>
			<fieldset>
				<div class="am-modal-hd font_bolder">
					<legend id="am_modal_title">添加</legend>
					<a href="javascript: void(0)" class="am-close am-close-spin"
						data-am-modal-close>&times;</a>
				</div>
				<div class="am-modal-bd">
					<div class="am-form-group" id="roleFunctionId">
						<div class="am-u-sm-9">
							<input id="functionId" type="hidden" />
						</div>
					</div>
					<div class="am-form-group" id="ranktype">
						<label for="index" class="am-u-sm-3 am-form-label">功能类型</label>
						<div class="am-u-sm-9">
							<label class="am-radio-inline am-fl"> <input type="radio"
								id="roleType0" name="type" class="add_radio" value="0"
								data-am-ucheck>一级功能
							</label> <label class="am-radio-inline am-fl"> <input
								type="radio" id="roleType1" name="type" class="add_radio"
								value="1" data-am-ucheck checked>二级功能
							</label>
						</div>
					</div>
					<div class="am-form-group">
						<label for="k" class="am-u-sm-3 am-form-label">K值</label>
						<div class="am-u-sm-9">
							<input id="k" type="text" placeholder="请输入" required />
						</div>
					</div>
					<div class="am-form-group" id="roleFunctionUrlmodel">
						<label for="functionUrl" class="am-u-sm-3 am-form-label">URL</label>
						<div class="am-u-sm-9">
							<input id="functionUrl" type="text" placeholder="请输入" required />
						</div>
					</div>
					<div class="am-form-group">
						<label for="icon" class="am-u-sm-3 am-form-label">图标样式</label>
						<div class="am-u-sm-9">
							<input id="icon" type="text" placeholder="请输入图标" required />
						</div>
					</div>
					<div class="am-form-group">
						<label for="functionName" class="am-u-sm-3 am-form-label">功能名称</label>
						<div class="am-u-sm-9">
							<input id="functionName" type="text" placeholder="请输入" required />
						</div>
					</div>

					<div class="am-form-group">
						<label for="index" class="am-u-sm-3 am-form-label">序号</label>
						<div class="am-u-sm-9">
							<input id="index" type="text" placeholder="请输入" required />
						</div>
					</div>



					<div class="am-form-group" id="parentId_modal">
						<label for="parentId" class="am-u-sm-3 am-form-label">所属一级功能</label>
						<select id="parentId" type="select" name="parentFun"
							data-am-selected="{btnWidth:'340px',dropUp: 1}">
						</select>
					</div>

					<div class="am-form-group margin-top">
						<div class="am-u-sm-10 am-u-sm-offset-1">
							<button type="button" class="am-btn am-btn-primary "
								onclick="commitModal('#am_modal')">提交</button>
							&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
							<button type="button" class="am-btn am-btn-primary "
								onclick="closeModal('#am_modal')">取消</button>
						</div>
					</div>
				</div>
			</fieldset>
		</form>
	</div>
</div>

<!-- Modal的查看回显 -->
<div class="am-modal am-modal-no-btn" tabindex="-1"
	id="am_modal_showlist">
	<div class="am-modal-dialog">
		<form id="am_form1" class="am-form am-form-horizontal"
			data-am-validator>
			<fieldset disabled>
				<div class="am-modal-hd font_bolder">
					<legend>
						<b>查看所有信息</b>
					</legend>
					<a href="javascript: void(0)" class="am-close am-close-spin"
						data-am-modal-close>&times;</a>
				</div>
				<div class="am-modal-bd">
					<!-- 	<input type="hidden" id="roleId"> -->
					<div class="am-form-group" id="roleFunctionId">
						<label for="functionId" class="am-u-sm-3 am-form-label">functionId</label>
						<div class="am-u-sm-9">
							<input id="functionId_show" value="0" type="text"
								placeholder="您可能没有填写" required readonly="readonly" />
						</div>
					</div>
					<div class="am-form-group">
						<label for="k" class="am-u-sm-3 am-form-label">K值</label>
						<div class="am-u-sm-9">
							<input id="k_show" type="text" placeholder="您可能没有填写" required
								readonly="readonly" />
						</div>
					</div>
					<div class="am-form-group" id="roleFunctionUrlmodel">
						<label for="functionUrl" class="am-u-sm-3 am-form-label">URL</label>
						<div class="am-u-sm-9">
							<input id="functionUrl_show" type="text"
								placeholder="此状态为父节点无URL路径" required readonly="readonly" />
						</div>
					</div>
					<div class="am-form-group">
						<label for="child_parentName" class="am-u-sm-3 am-form-label">所属一级节点</label>
						<div class="am-u-sm-9">
							<input id="child_parentName" type="text" placeholder="无" required
								readonly="readonly" />
						</div>
					</div>
					<div class="am-form-group">
						<label for="icon" class="am-u-sm-3 am-form-label">图标样式</label>
						<div class="am-u-sm-9">
							<input id="icon_show" type="text" placeholder="您可能没有填写" required
								readonly="readonly" />
						</div>
					</div>
					<div class="am-form-group">
						<label for="functionName" class="am-u-sm-3 am-form-label">功能名称</label>
						<div class="am-u-sm-9">
							<input id="functionName_show" type="text" placeholder="您可能没有填写"
								required readonly="readonly" />
						</div>
					</div>

					<div class="am-form-group">
						<label for="index" class="am-u-sm-3 am-form-label">序号</label>
						<div class="am-u-sm-9">
							<input id="index_show" type="text" placeholder="您可能没有填写" required
								readonly="readonly" />
						</div>
					</div>
					<div class="am-form-group" id="ranktype">
						<label for="index" class="am-u-sm-3 am-form-label">节点</label>
						<div class="am-u-sm-9" style="padding-top: 0.6em">
							<label class="am-radio-inline am-fl am-padding-top-0"> <input
								type="radio" id="roleType0_show" name="type" class="add_radio"
								value="0" data-am-ucheck>一级节点
							</label> <label class="am-radio-inline am-fl am-padding-top-0"> <input
								type="radio" id="roleType1_show" name="type" class="add_radio"
								value="1" data-am-ucheck checked>二级节点
							</label>
						</div>
					</div>
				</div>
			</fieldset>
			<div style="margin-top: -30px;">
				<div class="am-u-sm-10 am-u-sm-offset-1">
					<!--  <button type="button" class="am-btn am-btn-default" onclick="commitModal1()">提交</button>
					      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  -->
					<button type="button" class="am-btn am-btn-primary "
						data-am-modal-close>确认查看</button>
				</div>
			</div>
		</form>
	</div>
</div>
</html>
